<template>
	<!-- 视图层 -->
	<view class="viewclass">{{name}}</view>
	<text>{{age}}</text>
	<view>
		<text v-for="(item, index) in hobby" :key="index">{{index}}:{{item}}; </text>
	</view>
</template>

<script setup>
	// 逻辑层
	import {ref} from 'vue'
	
	const name=ref("LCJ")
	const age=ref(30)
	const hobby=ref(["足球", "篮球", "排球"])
	
	// 数据变更
	
</script>

<style>
	/* 样式 */
	.viewclass {
		color: blue;
	}
</style>
